@lanse:#42BCEB;
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.area_choose {
    display: none;
    position: absolute;
    width: 500px;
    background: #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    * {
        margin: 0;
        padding: 0;
    }
    ul {
        list-style: none;
    }
    .area_choose_title {
        padding: 0;
        width: 480px;
        margin: auto;
        border-bottom: 2px solid @lanse;
        li {
            float: left;
            width: 93px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            cursor: pointer;
        }
        li.active {
            background: @lanse;
            color: #fff;
        }
        li.btn-cancel{
            float: right;
            width: 20px;
            height: 20px;
            line-height: 20px;
//          border:1px solid @lanse;
            margin-top: 6px;
            color:@lanse;
            text-align: center;
            border-radius: 2px;
            cursor: pointer;
            font-size: 18px;;
        }
    }
    .area_choose_content {
        padding-bottom: 10px;
        li{
//          display: none;         
        }
        span {
            width: 83px;
            height: 35px;
            float: left;
            background-color: #f5f5f5;
            color: #666;
            margin-left: 10px;
            margin-top: 10px;
            line-height: 35px;
            text-align: center;
            cursor: pointer;
            font-size: 13px;
            overflow: hidden;
            cursor: pointer;
        }
        span:hover{
            color: #fff;
            background-color: #56b4f8;
        }
        span.active{
            color: #fff;
            background-color: #56b4f8;
        }
    }
}
